/* pages/strategy/strategy.wxss */
.root {
  width: 100vw;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  .top {
    display: flex;
    justify-content: space-between;
    .info {
      padding: 30px 0;
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }
    image {
      width: 50vw;
    }
  }
  .title {
    font-size: 18px;
    margin-bottom: 8px;
  }
  > view {
    margin-bottom: 20px;
  }
  .desc {
    .info {
      line-height: 20pt;
      font-size: 14px;
    }
  }
  .line {
    .list {
      display: flex;
      flex-direction: column;

      .item {
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
        margin-bottom: 15px;
        image {
          width: 36vw;
          height: 40vw;
        }
        .info {
          display: flex;
          flex-direction: column;
          height: 40vw;
          padding: 10px;
          box-sizing: border-box;
          flex: 1;
        }
      }
      .item:nth-child(2n-1) {
        flex-direction: row-reverse;
      }
    }
  }
  .tips {
    .title {
      color: #f8b48a;
    }
    .info {
      line-height: 18pt;
      color: #606266;
    }
  }
  .guide {
    .title {
      color: #f8b48a;
    }
    .info {
      line-height: 18pt;
      color: #606266;
    }
  }
  .number {
    .list {
      display: flex;
      flex-direction: column;
      > view {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px;
        text {
          font-size: 14px;
        }
      }
    }
  }
}
